﻿<!DOCTYPE html>
<html>
  <head>
    <title>游戏化设计原则</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/游戏化设计原则/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/游戏化设计原则/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u7" class="ax_default box_1">
        <img id="u7_img" class="img " src="images/游戏化设计原则/u7.svg"/>
        <div id="u7_text" class="text ">
          <p><span style="font-family:'苹方 粗体', '苹方 中等', '苹方';font-weight:700;">前端产品使用了游戏化设计为产品本身进行了核心价值的加值</span></p><p><span style="font-family:'苹方 粗体', '苹方 中等', '苹方';font-weight:700;">该功能在前端产品文档 4.我的 4.1 捐赠/信誉度排行榜</span></p><p><span style="font-family:'苹方 粗体', '苹方 中等', '苹方';font-weight:700;">该功能的游戏化设计体现在：</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">1. 设计出对应的游戏化积分，排行榜和徽章。</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">每完成一次捐赠，用户将获得5个积分点，用户积分不断累加。</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">捐赠排行榜将根据用户捐赠积分进行排名，捐赠排行榜分为周排行榜（一周内获得的积分）、好友排行榜（关注用户和用户自身的总积分排行）和总排行榜（所有平台用户积分排行），从积分高到低进行排名。</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">用户捐赠次数达到10、20、50、100次时将获得对应的普通爱心徽章，并且将在用户的个人主页中显示，用户总积分在达到1000、5000、10000分时将获得对应的白银爱心徽章，而用户在总排行榜中进入前100、前50、前10和第1、2、3名时将获得对应设计独一无二的黄金爱心徽章。</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">2. 我们还根据用户信誉度设计对应的信誉度等级、排行榜和徽章</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">在设定中所有用户初始的信誉度都是一般等级（信誉分为50），信誉度等级总共分为没有信用（0）、信用极差（10）、信用较差（30）、信用一般（50）、信用较好（70）、信用优良（90）、信用极好（100）</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u8" class="ax_default _图片_">
        <img id="u8_img" class="img " src="images/游戏化设计原则/u8.png"/>
        <div id="u8_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u9" class="ax_default box_1">
        <img id="u9_img" class="img " src="images/游戏化设计原则/u9.svg"/>
        <div id="u9_text" class="text ">
          <p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">信用总分为100分，最低分为0分，每完成一单交易，且没有被举报、投诉，信誉分加2分，有时参与一些捐赠活动会获得数额不等的信誉分；被其它用户举报商品交易信息与商品实际不符且被证实，一次扣除10分信用分。 用户信用等级达到一般以上时，均会获得对应信用等级的徽章，并且徽章上会显示你是整个平台第几个获得的徽章。</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">信誉度排行榜根据用户的信用总分由高到低进行。</span></p><p><span style="font-family:'苹方 粗体', '苹方 中等', '苹方';font-weight:700;">该功能为核心功能，判断原因：</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">将捐赠和信誉度积分化，共同设置排行榜，通过排行榜激发用户对于APP使用的积极性和粘性，而且多维度的排行榜和徽章的设定增加用户对于APP的归属感，同时提高用户在使用APP过程中的趣味性。</span></p><p><span style="font-family:'苹方 中等', '苹方';font-weight:400;">因此能够达成产品核心目标，且因为该设计使产品与竞品产生区分</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
